<template>
  <a-row>
    <a-col :span="4"><home-category></home-category></a-col>
    <a-col :span="16"><home-scroll-pic></home-scroll-pic></a-col>
    <a-col :span="4"> <home-books-hot></home-books-hot> </a-col>
  </a-row>
  <BooksNew></BooksNew>

  <BookList :books="books" />
</template>
<script setup>
import HomeCategory from "./HomeCategory.vue";
import HomeScrollPic from "./HomeScrollPic.vue";
import HomeBooksHot from "./HomeBooksHot.vue";
import BooksNew from "@components/book/BooksNew.vue";
import BookList from "../book/BookList.vue";

const books = [
  {
    name: "活着",
    price: 4500,
    oldPrice: 5000,
    img: "/book/huozhe.jpg",
  },
  {
    name: "哈利·波特",
    price: 6500,
    oldPrice: 7000,
    img: "/book/huozhe.jpg",
  },
  {
    name: "骆驼祥子",
    price: 3500,
    oldPrice: 5000,
    img: "/book/huozhe.jpg",
  },
];
</script>
